<template>
	<view :class="themeStyle" class="diy-wrap" :style="{ background: bgColor, height: windowHeight }">
		<!-- #ifdef APP-PLUS || MP-WEIXIN-->
		<view class="page-header">
			<ns-navbar :is-back="!1" :title="pageTitle" fontBold="600" :background="{ background: bgTopColor}" :title-color="textColor"
			 :border-bottom="false" z-index="1001"></ns-navbar>
		</view>
		<!-- #endif -->
		<diy-index-page :value="topIndexValue" v-if="topIndexValue" :height="scrollHeight" :Bulge="Bulge" :bgurl="bgUrl" ref="indexPage">
			<diy-group :diyData="diyData" :height="scrollTopHeight" :scrollHeight="scrollHeight" :city="city" root="/page/index/index/index"></diy-group>
		</diy-index-page>
		<scroll-view scroll-y="true" class="noTop" v-else :style="{ height: scrollHeight }">
			<view class="index_bg" :style="'background:' + 'url(' + $util.img(bgUrl) + ') no-repeat 0 0/100%'">
				<diy-group :diyData="diyData" :height="scrollHeight" :scrollHeight="scrollHeight" :city="city" :root="pageName"></diy-group>
			</view>
		</scroll-view>
		
		
		
		
		<!-- 弹窗广告 -->
		<template v-if="popWindowBox && popWindowBox.controller == 'PopWindow'">
			<view @touchmove.prevent.stop>
				<uni-popup ref="uniPopupWindow" type="center" class="wap-floating" :maskClick="false">
					<view class="image-wrap">
						<image :src="popWindowBox.image_url" mode="widthFix" @click="redirectTo(popWindowBox.link)"></image>
					</view>
					<text class="iconfont iconroundclose" @click="closeNum"></text>
				</uni-popup>
			</view>
		</template>
		<!-- 站点关闭展示 -->
		<view @touchmove.prevent.stop class="PopWindow">
			<uni-popup ref="uniPopupClose" type="center" class="wap-floating" :maskClick="false">
				<view class="popup-box">
					<view class="close_title ns-margin-top">站点关闭</view>
					<view class="close_content">
						<scroll-view scroll-y="true" class="close_content_box">{{ webSiteInfo.close_reason }}</scroll-view>
					</view>
				</view>
			</uni-popup>
		</view>
		

			<uni-popup ref="sean_popup" type="center" class="wap-floating" :maskClick="false">
				
			   <view class="title">
			    确定要成为团长吗？
			   </view>
			   <view class="img-box">
			   <!-- <image :src="poster_msg.user_img ? $util.img(poster_msg.user_img) : $util.getDefaultImage().default_headimg" mode=""></image> -->
			   </view>
			   <view class="message-box">
			   <!-- <image class="headimg" src="../../../static/unselected.png" mode=""></image> -->
				<image class="headimg"  :src="AgentInfo.headimg ? $util.img(AgentInfo.headimg) : $util.getDefaultImage().default_headimg" mode="aspectFit"></image>
			    <text class="tuijian-code">邀请人:{{AgentInfo.nickname}}</text>
			   </view>
			   <view class="btn-group">
			    <button type="default" class="quxiao" @click="close_popup(1)">再想想</button>
			    <button type="default" class="sue" @click="sue_popup(AgentInfo.member_id)">确定</button>
			   </view>
			  </uni-popup>

	
		  
		  <uni-popup ref="sean_popup2" type="center" class="wap-floating" :maskClick="false">
		   <view class="title">
		    你已经成为团长了！！！
		   </view>
		   <view class="img-box">
		   
		   </view>
		  <view class="message-box" style="visibility: hidden;">
				<text class="tuijian-code">推荐码:001S</text>
		  </view>
		   <button type="default" class="sueed" @click="close_popup(2)">确定</button>
		  </uni-popup>
		  
		<!--  
		  <uni-popup ref="sean_popup3" type="center" class="wap-floating">
		   <view class="title">
				要想成为团长，请先登录!!!
		   </view>
		   <view class="img-box">
		   
		   </view>
		   <view class="message-box" style="visibility: hidden;">
		   				<text class="tuijian-code">推荐码:001S</text>
		   </view>
		   <button type="default" class="sueed" @click="close_popupAndLogin()">去登陆</button>
		  </uni-popup> -->
		
		<!-- 底部tabBar -->
		<view class="page-bottom">
			<diy-bottom-nav v-if="openBottomNav" @isBulge="isBulge" @callback="callback"></diy-bottom-nav>
		</view>
		<!-- 版本更新 -->
		<ns-version-update></ns-version-update>

		<loading-cover ref="loadingCover"></loading-cover>
	</view>
</template>

<script>
	import diyHorzBlank from '@/components/diy-horz-blank/diy-horz-blank.vue';
	import diyHorzLine from '@/components/diy-horz-line/diy-horz-line.vue';
	import diyCoupon from '@/components/diy-coupon/diy-coupon.vue';
	import diyGoodsList from '@/components/diy-goods-list/diy-goods-list.vue';
	import diyImgAds from '@/components/diy-img-ads/diy-img-ads.vue';
	import diyGraphicNav from '@/components/diy-graphic-nav/diy-graphic-nav.vue';
	import diyNotice from '@/components/diy-notice/diy-notice.vue';
	import diyRichText from '@/components/diy-rich-text/diy-rich-text.vue';
	import diyRubikCube from '@/components/diy-rubik-cube/diy-rubik-cube';
	import diySearch from '@/components/diy-search/diy-search.vue';
	import diyTextNav from '@/components/diy-text-nav/diy-text-nav.vue';
	import diyTitle from '@/components/diy-title/diy-title.vue';
	import diyVideo from '@/components/diy-video/diy-video.vue';
	import uniPopup from '@/components/uni-popup/uni-popup.vue';
	import diySeckill from '@/components/diy-seckill/diy-seckill.vue';
	import diyBargain from '@/components/diy-bargain/diy-bargain.vue';
	import diyBottomNav from '@/components/diy-bottom-nav/diy-bottom-nav.vue';
	import diyPintuan from '@/components/diy-pintuan/diy-pintuan.vue';
	import diyGroupBuy from '@/components/diy-groupbuy/diy-groupbuy.vue';
	import diyGoodsLevelCategory from '@/components/diy-goods-level-category/diy-goods-level-category.vue';
	import diyLive from '@/components/diy-live/diy-live.vue';
	import nsNavbar from '@/components/ns-navbar/ns-navbar.vue';
	import WxMap from 'common/js/map-wx-jssdk.js';
	import {
		Weixin
	} from 'common/js/wx-jssdk.js';
	import globalConfig from '@/common/js/golbalConfig.js';
	import diyWholeSale from '@/components/diy-wholesale/diy-wholesale.vue';
	import diyIndexPage from '@/components/diy-index-page/diy-index-page.vue';
	import versionUpdate from '@/components/ns-version-update/ns-version-update.vue';
	import toTop from '@/components/toTop/toTop.vue';
	export default {
		components: {
			diyHorzBlank,
			diyHorzLine,
			diyCoupon,
			diyGoodsList,
			diyImgAds,
			diyGraphicNav,
			diyNotice,
			diyRichText,
			diyRubikCube,
			diySearch,
			diyTextNav,
			diyTitle,
			diyVideo,
			diyBargain,
			uniPopup,
			diySeckill,
			diyBottomNav,
			diyPintuan,
			diyGroupBuy,
			diyGoodsLevelCategory,
			diyLive,
			nsNavbar,
			diyWholeSale,
			diyIndexPage,
			versionUpdate,
			toTop
		},
		data() {
			return {
				aaa: 0,
				diyData: [],
				webSiteInfo: null,
				memberId: 0,
				id: 0,
				city: '',
				siteId: 0,
				windowHeight: 0, //分类组件的高度
				Bulge: false, //判断底部导航是否凸起
				TopCategory: {},

				popWindowBox: null, //弹窗广告
				pageHeight: '0', //屏幕可用高度
				headerHeight: '0', //头部高度
				topIndexValue: null, //首页顶部分类
				iphoneX: false,

				bgTopColor: '',
				textColor: '',
				AgentInfo: '',//代理信息
				code: '',
				pageName:'/pages/index/index/index',
				member_id: '',
				type: '',
			};
		},
		computed: {
			// #ifdef APP-PLUS

			// #endif
			bottomHeight() {
				// if(this.Bulge){
				// 	return 90 + 'px'
				// }else{
				return 55 + 'px'
				// }
			},
			bgColor() {
				let str = '';
				if (this.diyData && this.diyData.global) {
					str = this.diyData.global.bgColor;
				}
				return str;
			},
			bgUrl() {
				let str = '';
				if (this.diyData && this.diyData.global) {
					str = this.diyData.global.bgUrl;
				}
				return str;
			},
			pageTitle() {
				let str = '首页';
				if (this.diyData && this.diyData.global) {
					str = this.diyData.global.title;
				}
				return str;
			},
			openBottomNav() {
				let Bloon = false;
				if (this.diyData && this.diyData.global) {
					Bloon = this.diyData.global.openBottomNav;
				}
				return Bloon;
			},
			navBar() {
				let str = '#ffffff';
				if (this.bgUrl) {
					str = 'url(' + this.$util.img(this.bgUrl) + ') no-repeat 0 0/100%';
				} else if (this.bgColor) {
					str = this.bgColor;
				} else {
					str = 'rgba(0,0,0,0)';
				}
				return str;
			},

			scrollHeight() {
				if (this.pageHeight != undefined && this.headerHeight != undefined && this.bottomHeight != undefined) {
					// #ifdef APP-PLUS || MP-WEIXIN
					return 'calc(' + this.pageHeight + ' - ' + this.headerHeight + ' - env(safe-area-inset-bottom)' + ' - ' + this.bottomHeight +
						')';

					// #endif
					// #ifdef H5
					return 'calc(' + this.pageHeight + ' - env(safe-area-inset-bottom)' + ' - ' + this.bottomHeight + ')';

					// #endif

				} else {
					return '100vh';
				}
			},
			scrollTopHeight() {
				if (this.pageHeight != undefined && this.headerHeight != undefined && this.bottomHeight != undefined) {
					return 'calc(' + this.pageHeight + ' - ' + this.headerHeight + ' - env(safe-area-inset-bottom)' + ' - ' + this.bottomHeight +
						' - 80rpx)';
				} else {
					return '100vh';
				}
			}
		},
		mixins: [globalConfig],
		//下拉刷新
		onPullDownRefresh() {
			this.getDiyInfo();
		},
		onLoad(data) {
			//缺个条件，请求当前用户的信息，判断是否是拼团商，如果是，就提示已成为。否则啥也不执行
			if(data && data.type=='bind_agent') {
				this.bindAgent(data);
			}
			this.siteId = parseInt(data.site_id) || 0;
			// 如果传入站点id，则清空地址
			if (this.siteId) uni.removeStorageSync('city');

			if (data.source_member) uni.setStorageSync('source_member', data.source_member);
			// 小程序扫码进入
			if (data.scene) {
				var sceneParams = decodeURIComponent(data.scene);
				sceneParams = sceneParams.split('&');
				if (sceneParams.length) {
					sceneParams.forEach(item => {
						if (item.indexOf('source_member') != -1) uni.setStorageSync('source_member', item.split('-')[1]);
					});
				}
			}
		},
		onShow(data) {
			let that = this;
			this.$langConfig.refresh();
			this.getHeight();
			if (uni.getStorageSync('token')) {
				this.getMemberId();
			}

			this.getWebSitefo();
			this.getDefaultImg();

			if (uni.getStorageSync('city')) {
				this.city = uni.getStorageSync('city').title;
				this.getDiyInfo();
			} else {
				uni.setStorageSync('city', {
					id: 0,
					title: '全国'
				});
				this.city = '全国';
				this.getDiyInfo();
			}
			//版本更新检测
			uni.$emit('versionUpdateCheck', {});
		},
		onHide() {
			let that = this;
			if (this.$refs.indexPage) {
				// this.$refs.indexPage.initPageIndex()
			}
		},
		methods: {
			bindAgent(data){
				if(!data.member_id) return;
				if(uni.getStorageSync('token')) {
					this.$api.sendRequest({
						url: 'platformpintuan/api/pintuantrader/getbindagentInfo',
						data: {
							member_id: data.member_id,
						},
						success: res => {
							if (res.code >= 0) {
								let data = res.data;
								if(data.agent_info && data.agent_info.pintuan_trader_level != 'common'){
									if(!data.self_info) {
										this.AgentInfo = data.agent_info;
										this.code = res.code
										this.$refs.sean_popup.open();
									}else {
										this.$refs.sean_popup2.open();
									}
									
								}
							} 
						}
					});
				}else {
					uni.showModal({
						title: '温馨提示',
						content: '成为团长要先登录，现在前往？',
						success: (res) => {
							if (res.confirm) {
								this.$util.redirectTo('/pages/login/login/login',{
									back: '/pages/index/index/index?member_id='+data.member_id+'&type='+data.type,
									redirectMode : 'reLaunch',
								});
								uni.hideToast();
							}
						}
					});
				}
				
			},
			sue_popup(e) {
				this.$api.sendRequest({
					url: '/platformpintuan/api/Pintuantrader/bindAgent',
					data: {
						member_id: e,
					},
					success: res => {
						if (res.code == 0) {
							this.$util.showToast({
								title: res.message
							})
							this.$refs.sean_popup.close();
						} else {
							this.$util.showToast({
								title: res.message
							});
							setTimeout(()=>{
								this.$refs.sean_popup.close();
							},300)		
						}
					}
				});
			},
			close_popup(e) {
				if(e==1) {
				  this.$refs.sean_popup.close();
				  uni.navigateTo({url: '/pages/index/index/index', success: res => {}, fail: () => {}, complete: () => {} });
				  this.$forceUpdate();
				}else{
				  this.$refs.sean_popup2.close();
				  uni.navigateTo({url: '/pages/index/index/index', success: res => {}, fail: () => {}, complete: () => {} });
				  this.$forceUpdate();
				} 
			},
			// dianji
			opens(){
				this.$refs.sean_popup.open()
			},
			getMessage(e) {
				this.$api.sendRequest({
					url: '/api/member/getAgentInfo',
					data: {
						member_id: e,
					},
					success: res => {
						if (res.code >= 0) {
							this.AgentInfo = res.data;
							//console.log(res.data);
							this.code = res.code
							//console.log(this.code);
						} else {
							this.code = res.code
							// console.log(res.code);
							// console.log(this.code);
						}
					}
				});
			},
			callback() {
				//this.$refs.indexPage.initPageIndex()
			},
			tiaozhuan(){
				uni.navigateTo({
					url:'/pages/login/register/authentication'
				})
			},
			//计算高度
			getHeight() {
				var self = this;
				//获取页面可用区域的高度
				uni.getSystemInfo({
					success: res => {
						// console.log(res,'页面高度');
						self.pageHeight = res.windowHeight + 'px';
						self.windowHeight = res.windowHeight - 57;
						self.iphoneX = self.$util.isIPhoneX();
						if (self.iphoneX) {
							self.windowHeight = 'calc(' + this.pageHeight + ' - env(safe-area-inset-bottom)' + ' - ' + this.bottomHeight +
								')';
						}				
					}
				});
				// #ifdef APP-PLUS || MP
				this.$nextTick(() => {
					const query = uni.createSelectorQuery().in(this);
					query
						.select('.page-header')
						.boundingClientRect(data => {
							this.headerHeight = data.height + 'px';
						})
						.exec();
				});
				// #endif

			},

			isBulge(e) {
				this.Bulge = e;
			},
			getDiyInfo() {
				this.$api.sendRequest({
					url: '/api/diyview/info',
					data: {
						name: 'DIYVIEW_INDEX',
						site_id: this.siteId
					},
					success: res => {
						if (res.code != 0 || !res.data) {
							if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
							return;
						}
						this.diyData = res.data;
						// if (this.diyData.site_area_id) {
						// 	this.city = this.diyData.site_area_name;
						// 	uni.setStorageSync('city', { id: this.diyData.site_area_id, title: this.diyData.site_area_name });
						// }

						if (this.diyData.value) {
							this.diyData = JSON.parse(this.diyData.value);
							this.bgTopColor = this.diyData.global.bgTopColor;
							this.textColor = this.diyData.global.textColor;
							for (var i = 0; i < this.diyData.value.length; i++) {
								if (this.diyData.value[i].controller == 'TopCategory') {
									this.topIndexValue = this.diyData.value[i];
								}
								if (this.diyData.value[i].controller == 'PopWindow') {
									this.popWindowBox = this.diyData.value[i];
									this.popWindowBox.image_url = this.$util.img(this.popWindowBox.image_url);
									setTimeout(() => {
										if (uni.getStorageSync('index_wap_floating_layer') != null && uni.getStorageSync(
												'index_wap_floating_layer') != '') {
											var wap_floating_cookie = JSON.parse(uni.getStorageSync('index_wap_floating_layer'));
											if (wap_floating_cookie.closeNum < Number(this.diyData.value[i].showCount)) {
												this.$refs.uniPopupWindow.open();
											}
										} else {
											this.$refs.uniPopupWindow.open();
										}
									}, 500);
									break;
								}
							}
							uni.setNavigationBarTitle({
								title: this.diyData.global.title
							})
						}
						uni.stopPullDownRefresh();
						this.$nextTick(() => {
							if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
						});
					},
					fail: res => {
						if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
					}
				});
			},
			closeNum() {
				this.$refs.uniPopupWindow.close();
				var closeNum = 1;
				if (uni.getStorageSync('index_wap_floating_layer')) {
					var wap_floating_cookie = JSON.parse(uni.getStorageSync('index_wap_floating_layer'));
					closeNum = ++wap_floating_cookie.closeNum;
				}
				uni.setStorageSync(
					'index_wap_floating_layer',
					JSON.stringify({
						closeNum
					})
				);
			},
			redirectTo(link) {
				this.$util.diyRedirectTo(link);
			},
			getWebSitefo() {
				this.webSiteInfo = uni.getStorageSync('web_site_info');
				if (this.webSiteInfo) this.webSiteInfo = JSON.parse(this.webSiteInfo);
				this.$api.sendRequest({
					url: '/api/website/info',
					success: res => {
						let data = res.data;
						if (data) {
							this.webSiteInfo = data;
							if (this.webSiteInfo.wap_status) return;
							this.$refs.uniPopupClose.open();
							uni.setStorageSync('web_site_info', JSON.stringify(this.webSiteInfo));
						}
					}
				});
			},
			// 获取默认图
			getDefaultImg() {
				this.$api.sendRequest({
					url: '/api/config/defaultimg',
					success: res => {
						let data = res.data;
						if (res.code == 0 && data) {
							uni.setStorageSync('default_img', JSON.stringify(data));
						}
					}
				});
			},
			getMemberId() {
				this.$api.sendRequest({
					url: '/api/member/id',
					success: res => {
						if (res.code >= 0) {
							this.memberId = res.data;
						}
					}
				});
			},
			onShareAppMessage(res) {
				var title = '';
				if (this.webSiteInfo) title = this.webSiteInfo.title;
				var path = '/pages/index/index/index';
				if (this.memberId) path += '?source_member=' + this.memberId;
				return {
					title: title,
					path: path,
					success: res => {},
					fail: res => {}
				};
			},
		},
		onReady() {
			this.$refs.loadingCover.hide();
			// 微信公众号分享
			// #ifdef H5
			if (this.$util.isWeiXin()) {
				this.$api.sendRequest({
					url: '/wechat/api/wechat/share',
					data: {
						url: window.location.href
					},
					success: res => {
						if (res.code == 0) {
							var wxJS = new Weixin();
							wxJS.init(res.data.jssdk_config);

							let shareConfig = res.data.share_config,
								url = this.$config.h5Domain + '/pages/index/index/index';
							if (this.memberId) url += '?source_member=' + this.memberId;

							wxJS.setShareData({
								title: shareConfig.shop_param_1 + shareConfig.site_name,
								desc: shareConfig.shop_param_2 + '\r\n' + shareConfig.shop_param_3 + '\r\n' + '收藏热度：★★★★★',
								link: url,
								imgUrl: this.$util.img(shareConfig.site_logo)
							});
						}
					}
				});
			}
			// #endif
		}
	};
</script>

<style lang="scss">
	.diy-wrap {
		height: 100vh;
	}

	.noTop {
		width: 100%;
		height: 100%;
	}

	.page-content {
		padding-bottom: 55px;
		padding-bottom: calc(55px + constant(safe-area-inset-bottom));
		padding-bottom: calc(55px + env(safe-area-inset-bottom));
	}

	.page-content.active {
		padding-bottom: 70px;
		padding-bottom: calc(80px + constant(safe-area-inset-bottom));
		padding-bottom: calc(80px + env(safe-area-inset-bottom));
	}

	.index_bg {
		width: 100%;
		height: 100%;
	}

	.head-nav {
		width: 100%;
		height: var(--status-bar-height);
	}

	.head-nav.active {
		padding-top: 40rpx;
	}

	.head-return {
		padding-left: 30rpx;
		padding-right: 30rpx;
		height: 90rpx;
		line-height: 90rpx;
		text-align: center;
		color: #fff;
		font-weight: 600;
		font-size: $ns-font-size-lg;

		text {
			display: inline-block;
			margin-right: 10rpx;
		}
	}

	.wap-floating {
		.image-wrap {
			width: 480rpx;
			image {
				width: 100%;
				border-radius: 40rpx;
			}
		}

		text {
			display: block;
			font-size: 60rpx;
			color: #ffffff;
			text-align: center;
		}
	}

	.PopWindow {

		.wap-floating,
		.uni-popup__wrapper-box {
			.image-wrap {
				width: 480rpx;

				image {
					width: 100%;
					border-radius: 40rpx;
				}
			}

			text {
				display: block;
				font-size: 60rpx;
				color: #ffffff;
				text-align: center;
			}
		}

		.uni-popup__wrapper-box {
			text-align: center;
			overflow: initial !important;
			background: none !important;
			vertical-align: middle;
			background: none;
		}
	}

	::-webkit-scrollbar {
		width: 0;
		height: 0;
		color: transparent;
	}

	.popup-box {
		width: 450rpx;
		background: #ffffff;
		border-radius: $ns-border-radius;
		overflow: hidden;

		.close_title {
			width: 100%;
			text-align: center;
			height: 70rpx;
			line-height: 70rpx;
			font-size: $ns-font-size-base;
		}

		.close_content {
			width: 100%;
			max-height: 500rpx;
			padding: $ns-padding;
			box-sizing: border-box;
		}

		.close_content_box {
			width: 100%;
			max-height: 460rpx;
			line-height: 1.3;
		}
	}
	.wap-floating {
	  .title {
	   border-bottom: 1rpx solid #F8F8F8;
	   width: 550rpx;
	   padding-bottom: 20RPX;
	   margin: 30rpx;
	   font-size: 30rpx;
	   color:#000;
	   text-align: center;
	  }
	
	  .img-box {
	   width: 100%;
	   margin: 0 auto;
	   text-align: center;
	   margin-bottom: 20rpx;
	
	   image {
	    border-radius: 50%;
	    height: 150rpx;
	    width: 150rpx;
	   }
	  }
	
	  .message-box {
	   text-align: center;
	   margin-bottom: 30rpx;
	   
	   .headimg {
		   width: 150rpx;
		   height: 150rpx;
	   }
	
	   .tuijian-code {
		color:#000;
	    margin-left: 10rpx;
		font-size: 24rpx;
	   }
	  }
	
	  .btn-group {
	   display: flex;
	
	   button {
	    width: 48%;
	    height: 90rpx;
	    margin: 0;
	    flex: 1;
	    border-radius: 12rpx;
	    padding: 0;
	    line-height: 90rpx;
	    color: white;
	    font-size: 30rpx;
	    letter-spacing: 2rpx;
	    margin: 0 20rpx;
	    margin-bottom: 20rpx;
	   }
	
	   .sue {
	    background-color: #FF4544;
	   }
	
	   .quxiao {
	    background-color: #D4D4D4;
	   }
	  }
	
	  .sueed {
	   background-color: #FF4544;
	   height: 90rpx;
	   margin: 0;
	   flex: 1;
	   color: white;
	   border-radius: 12rpx;
	   padding: 0;
	   line-height: 90rpx;
	   color: white;
	   font-size: 30rpx;
	   letter-spacing: 2rpx;
	   margin: 0 20rpx;
	   margin-bottom: 20rpx;
	  }
	 }
	 

</style>

<style scoped>

	/deep/ .wap-floating .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
		background: #fff !important;
	}

	/deep/ .poster-layer /deep/ .uni-popup__wrapper-box {
		max-height: initial !important;
	}

	/deep/ .sku-layer .uni-popup__wrapper-box {
		overflow-y: initial !important;
	}

	/deep/ .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
		max-height: unset !important;
	}
	
	/deep/ .wap-floating[data-v-41feb722] .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
		background: #fff !important;
	}
</style>
